<template>
  <Container direction="vertical">
    <Header height="60" class="webHeader">
      <WebHeader />
      <themePicker class="themePicker" />
    </Header>
    <Main class="webMain">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </Main>
    <Footer class="webFooter"></Footer>
  </Container>
</template>
<script>
import { Container, Header, Main, Footer } from "element-ui";
import WebHeader from "@/components/common/WebHeader"; // 头部导航
import ThemePicker from "@/components/common/ThemePicker"; // 主题颜色选择器
export default {
  name: "Web",
  data() {
    return {};
  },
  created() {},
  computed: {},
  mounted() {},
  methods: {},
  components: { Container, Header, Main, Footer, WebHeader, ThemePicker }
};
</script>
<style lang="scss" scoped>
.themePicker {
  position: fixed;
  right: 0;
  top: 0;
}
</style>
